@charset "utf-8";
/**
 *background
 */

/*确保滚动监听*/
#background {
    background-color: rgb(255, 255, 255);
    position: fixed;
    top:0;
    width: 100%;
    z-index: 0;
    height: 100%;
}

/*th*/
th{
    font-weight: normal;
}

/*label*/
label{
    font-weight: normal;
}
#background .bs-docs-container label{
    font-size: 15px;
}

/*input*/
#background .bs-docs-container .form-control{
    width: 200px;!important;
}
#background .bs-docs-container .input-group{
    width: 200px;
}
#background .bs-docs-container .input-group .form-control{
    width: 100%;
}

/*modal*/
.modal .modal-dialog .modal-content .modal-header{
    background-color: #f8f8f8;
    border-bottom: 1px solid #eee;
    border-radius: 2px 2px 0 0;
}

/*fileUpload*/
.jFiler{
    display: inline-block !important;
}
.jFiler .jFiler-input{
    top: 10px !important;
    margin: 0 !important;
    width: 200px !important;
    height: 34px !important;
    display: inline-block !important;
}
.jFiler .jFiler-items,.jFiler-row{
    margin-top: 40px;
}

/*form*/
.background_form {
    overflow: auto;
    opacity: 1;
    background-color: rgb(255, 255, 255);
    height: 100%;
    font-family: "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", STHeiti, "Microsoft YaHei";
}

/*del-panel*/
.del-panel{
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-left: 10px;
    cursor: pointer;
    border-radius: 100%;
}
.del-panel:hover{
    background-color: #ddd;
    color: white;
}

/*right bar*/
#content:focus{
    outline:0
}
.bs-docs-nav{
    margin-bottom:0;
    background-color:#fff;
    border-bottom:0
}
.bs-home-nav .bs-nav-b{
    display:none
}
.bs-docs-nav .navbar-brand,.bs-docs-nav .navbar-nav>li>a{
    font-weight:500;color:#563d7c
}
.bs-docs-nav .navbar-nav>.active>a,.bs-docs-nav .navbar-nav>.active>a:hover,.bs-docs-nav .navbar-nav>li>a:hover{
    color:#463265;
    background-color:#f9f9f9
}
.bs-docs-nav .navbar-toggle .icon-bar{
    background-color:#563d7c
}
.bs-docs-nav .navbar-header .navbar-toggle{
    border-color:#fff
}
.bs-docs-nav .navbar-header .navbar-toggle:focus,.bs-docs-nav .navbar-header .navbar-toggle:hover{
    background-color:#f9f9f9;
    border-color:#f9f9f9
}
.bs-docs-sidebar .nav>li>a{
    display:block;
    font-weight:500;
}
.bs-docs-sidebar .nav>li>a:focus,.bs-docs-sidebar .nav>li>a:hover{
    padding-left:19px;
    text-decoration:none;
    background-color:transparent;
    border-left:1px solid #34A0CE;
}
.bs-docs-sidebar .nav>.active:focus>a,.bs-docs-sidebar .nav>.active:hover>a,.bs-docs-sidebar .nav>.active>a{
    padding-left: 18px;
    font-weight: 700;
    color: #34A0CE;
    background-color: transparent;
    border-left: 2px solid #34A0CE;
}
.bs-docs-sidebar .nav .nav{
    display:none;
    padding-bottom:10px
}
.bs-docs-sidebar .nav .nav>li>a{
    padding-top:1px;
    padding-bottom:1px;
    padding-left:30px;
    font-size:14px;
    font-weight:400
}
.bs-docs-sidebar .nav .nav>li>a:focus,.bs-docs-sidebar .nav .nav>li>a:hover{
    padding-left:29px
}
.bs-docs-sidebar .nav .nav>.active:focus>a,.bs-docs-sidebar .nav .nav>.active:hover>a,.bs-docs-sidebar .nav .nav>.active>a{
    padding-left:28px;
    font-weight:500
}
.back-to-top:hover,.bs-docs-theme-toggle:hover{
    color:#563d7c;
    text-decoration:none
}
.bs-docs-theme-toggle{
    margin-top:0
}
@media (min-width:768px){
    .back-to-top,.bs-docs-theme-toggle{
        display:block
    }
}
@media (min-width:992px){
    .bs-docs-sidebar .nav>.active>ul{
        display:block
    }
    .bs-docs-sidebar.affix-bottom{
        position:absolute
    }
}

/*
 * sidebar
 */
/* nav */
.sidebar{
    width: 250px;
    height: 100%;
    background: #252a2f;
    transition: all .3s;
    position: fixed;
    top:0;
    left: 0;
    z-index: 999;
}
.sidebar a{
    display: block;
    overflow: hidden;
    padding-left: 15px;
    line-height: 46px;
    max-height: 46px;
    color: #fff;
    transition: all .3s;
    text-decoration: none
}
.sidebar a span{
    margin-left: 30px;
}
.sidebar .nav-top img{
    cursor: pointer;
}
.sidebar .nav-menu{
    margin:0;
    padding:0;
    font-size:17px;
}
.sidebar .nav-item {
    position: relative;
}
.sidebar .nav-item a i{
    color: #9c9c9c;
}
.sidebar .nav-item>a:before{
    content: "";
    position: absolute;
    left: 0px;
    width: 2px;
    height: 46px;
    background: #34A0CE;
    opacity:0;
    transition: all .3s;
}
.sidebar .nav-item>a:hover{
    background-color: #192129;
    transition: none;
}
.sidebar .nav-item>a:hover i{
    color: #fff;
}
.sidebar .nav-item ul{
    display: none;
    background: rgba(0,0,0,.1);
}
.sidebar .nav-item li a:hover{
    color: #FFF;
    background: rgba(0, 0, 0,.1);
}
.sidebar .nav-icon{
    font-size: 20px;
    position: absolute;
    margin-left:-1px;
}
.folder-root a span{
    margin-left: 0px;
}

/* nav-more */
.nav-more{
    margin-top: 15px;
    float:right;
    margin-right: 20px;
    font-size: 12px;
    transition: transform .3s;
}

/* nav-show */
.nav-show .nav-more{
    transform:rotate(90deg);
}
.nav-show>a:before,.nav-item>a:hover:before{
    opacity:1;
}
.nav-item.nav-show ul{
    display: block;
    background: #fff;
    border-right: 1px solid #353636;
    padding-left: 0px;
}
.nav-item.nav-show{
    border-bottom: none;
}
.nav-item.nav-show ul a span{
    color: #353636 !important;
}

/* nav-mini */
.nav-mini.sidebar{
    width: 50px;
}
.nav-mini.sidebar .nav-icon{
    margin-left:-2px;
}
.nav-mini.sidebar .nav-item>a span{
    display: none;
}
.nav-mini.sidebar .nav-more{
    margin-right: -20px;
}
.nav-mini.sidebar .nav-item ul{
    position: absolute;
    top:0px;
    left:60px;
    width: 180px;
    z-index: 99;
    background:#fff;
    overflow: hidden;
}
.nav-mini.sidebar .nav-item:hover{
    background:rgba(255,255,255,.1);
}
.nav-mini.sidebar .nav-item:hover .nav-item a{
    color:#FFF;
}
.nav-mini.sidebar .nav-item:hover a:before{
    opacity:1;
}
.nav-mini.sidebar .nav-item:hover ul{
    display: block;
}
.nav-mini.sidebar a span{
    color:#767676;
}
.nav-mini.sidebar .nav-menu li ul{
    /*padding-left: 0px;*/
    /*border-top: 1px solid #69c;*/
    /*border-right: 1px solid #69c;*/
    /*border-bottom: 1px solid #69c;*/
    visibility: hidden;
}

/*
 * Header
 */
.topbar {
    background-color: #252a2f;
    border: none;
    z-index: 998 !important;
    width: 100%;
    left: 0;
    top: 0;
    position: fixed;
    margin: 0;
    padding: 0;
}
.topbar .container-fluid{
    height: 50px;
    padding-right: 0px;
}
.topbar .container-fluid .header{
    height: inherit;
}
.topbar .container-fluid .header .boxs{
    height: inherit;
}
.topbar .container-fluid .boxs .box{
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
    height: inherit;
    padding-top: 15px;
    text-align: center;
    float: right;
    color: whitesmoke;
    border-left: 1px solid black;
}
.topbar .container-fluid .boxs .box:hover{
    background-color: #191d21;
    box-shadow: 1px 0px 10px black inset;
}
.topbar .container-fluid .boxs .box_Log_out{
    width: 90px;
    cursor:pointer;
}
.topbar .container-fluid .boxs .box_user_management{
    min-width: 100px;
    padding-left: 10px;
    padding-right: 10px;
}
.topbar .container-fluid .boxs .box_user_management .dropdown-item{
    width: inherit;
    cursor:pointer;
    font-size: 17px;
}
.topbar .container-fluid .boxs .box_user_management:hover>.dropdown-content{
    display: block;
}
.topbar .container-fluid .boxs .box_user_management .dropdown-content{
    display: none;
    position: absolute;
    background-color: white;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 8px 12px;
    margin-top: 12px;
    margin-left: -10px;
}
.topbar .container-fluid .boxs .box_user_management .dropdown-content a{
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}
.topbar .container-fluid .boxs .box_user_management .dropdown-content a:hover{
    text-decoration: none;
    color: #34A0CE;
}
.topbar .container-fluid .boxs .box_advice_feedback{
    cursor: pointer;
    width: 100px;
}
.topbar .container-fluid .boxs .box_message{
    cursor: pointer;
    width: 60px;
}
.topbar .container-fluid .boxs .box_message .dropdown-item{
    padding-right: 20px;

}
.topbar .container-fluid .boxs .box_message .dropdown-item #messageNum{
    background-color: #EBCD44;
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 3px;
    margin-left: 5px;
    font-weight: 900;
}

/*
 * unitConversion
 */
.background_form #unitConversion{
    z-index: 9999;
    left: 50%;
    top: 50%;
    margin-left: 100px;
    margin-top: -50px;
    position: absolute;
    height: 200px;
    width: 150px;
    border: 1px solid #e3e3e3;
    border-bottom-color: #e0e0e0;
    border-right-color: #ececec;
    box-shadow: 1px 2px 1px rgba(0,0,0,.072);
    -webkit-box-shadow: 1px 2px 1px rgba(0,0,0,.072);
    -moz-box-shadow: 1px 2px 1px rgba(0,0,0,.072);
    -o-box-shadow: 1px 2px 1px rgba(0,0,0,.072);
}
.background_form #unitConversion .nav-tabs{
    width: 30px;
    float: right;
}
.background_form #unitConversion .nav-tabs > li{
    float: none;
}
.background_form #unitConversion .nav-tabs > .active a{
    color: black !important;
    cursor: default !important;
    background-color: #fff !important;
    border: 1px solid #ddd !important;
    border-left-color: transparent !important;
    border-right: 2px solid #34A0CE !important;
}
.background_form #unitConversion .nav-tabs > li a{
    padding: 5px;
    margin: 0;
}
.background_form #unitConversion .tab-content{
    width: 100%;
    height: 100%;
    padding-right: 30px;
}
.background_form #unitConversion .tab-content .tab-pane{
    width: inherit;
    height: inherit;
}
.background_form #unitConversion .tab-content .tab-pane .unit-list{
    float: left;
    list-style: none;
    padding-left: 5px;
}
.background_form #unitConversion .tab-content .tab-pane .unit-list .unit-item{
    margin-top: 2px;
    height: 27px;
}
.background_form #unitConversion .tab-content .tab-pane .unit-list .unit-item:hover{
}
.background_form #unitConversion .tab-content .tab-pane .unit-list .unit-item label{
    float: left;
    width: 30px;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-size: 14px;
    font-weight: normal;
    white-space: nowrap;
    vertical-align: middle;
}
.background_form #unitConversion .tab-content .tab-pane .unit-list .unit-item span{
    cursor: pointer;
    margin-left: 2px;
    white-space: nowrap;
    display: inline-block;
    width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    float: left;
    height: inherit;
    line-height: 20px;
}

/*
 * input-checkbox
 */
.input-checkbox-panel{
    z-index: 1;
    left: 45%;
}
